@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
	font-family: "Roboto", sans-serif;
	font-style: normal;
}
a:hover{
    text-decoration: none;
}
.container {
    max-width: 1240px;
}
.top_header {
    background: var(--primary);
    padding: 15px;
}
.top_header .top_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_header .top_header_inner p {
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.top_header .top_header_inner a.phone_number {
    background: #eee;
    padding: 8px 15px;
    border-radius: 6px;
    font-size: 16px;
    color: var(--primary);
}
.top_header .top_header_inner a.phone_number i {
    font-size: 16px;
    margin-right: 5px;
}
.main_header {
    padding: 15px 0px;
}
.main_header .main_header_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main_header .main_header_inner .main_menu ul {
    display: flex;
    align-items: center;
    gap: 25px;
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.main_header .main_header_inner .main_menu ul li {
    position: relative;
}
.main_header .main_header_inner .main_menu ul li a {
    color: #000;
    text-decoration: none;
}
.enquiry a {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 16px;
}
section.hero_banner {
    padding: 100px 0px;
    position: relative;
    background-size: cover;
    background-position: center;
    position: relative;
}
section.hero_banner .container {
    position: relative;
    z-index: 1;
}
section.hero_banner:before {
    content: "";
    position: absolute;
    background: #000000a8;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
section.hero_banner .container {
    position: relative;
    z-index: 1;
}
.hero_left {
    color: #fff;
}
.contact_form {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
}
.hero_left h4 {
    font-size: 32px;
    margin-bottom: 15px;
}
.hero_left h1 {
    font-size: 56px;
    margin-bottom: 15px;
}
.hero_left p {
    font-size: 18px;
    margin-bottom: 25px;
}
.hero_left a {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    border-radius: 6px;
    display: block;
    width: max-content;
    text-decoration: none;
}
.contact_form h4 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    color: #444;
}

.contact_form p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #000;
}

.contact_form form label {
    font-size: 20px;
    color: #444;
}

.contact_form input,.contact_form select {
    font-size: 16px;
    color: #444;
    border: 1px solid #999;
    height: 40px;
}
.contact_form p.how_assist {
    text-align: left;
}
.servicies_sub .service_img img {
    max-width: 100%;
}
section.service_section {
    padding: 100px 0px;
}

section.service_section .site_header {
    text-align: center;
    padding-bottom: 30px;
}
section.service_section .site_header p {
    font-size: 18px;
    color: #444;
    margin-top: 15px;
}
section.service_section .site_header p.top_extra {
    color: #444;
    font-size: 16px;
      margin-top: 0px;
}

section.service_section .site_header h4 {
    color: #444;
    font-size: 48px;
    font-weight: 700;
}
.servicies_sub {
    border: 1px solid #ddd;
    border-radius: 16px;
    overflow: hidden;
    transition: 0.5s;
}
.servicies_sub .service_text {
    padding: 15px;
    padding-top: 25px;
    padding-bottom: 25px;
}
.servicies_sub .service_text img {
    margin-bottom: 15px;
}
.servicies_sub .service_text h4 {
    color: #444;
    font-size: 32px;
    font-weight: 700;
}
.servicies_sub .service_text p {
    font-size: 16px;
    color: #444;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.servicies_sub .service_text a {
    font-size: 16px;
    color: var(--primary);
    text-decoration: none;
}
.servicies_sub .service_text a i {
    margin-left: 10px;
}
.servicies_sub:hover {
    box-shadow: 15px 15px 20px -15px #000;
}
.why_img img {
    max-width: 100%;
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 15px;
}
section.choose_us {
    padding-bottom: 100px;
}

section.choose_us .why_text p.top_text {
    font-size: 16px;
    color: #444;
}

section.choose_us .why_text  h4 {
    font-size: 48px;
    color: #444;
    font-weight: 700;
    margin-bottom: 15px;
}

section.choose_us .why_text p {
    color: #444;
    font-size: 16px;
}
.why_buttons {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}
.why_buttons .first_btn {
    border: none;
    font-size: 16px;
    padding: 5px 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
}
.second_btn {
    border: 1px solid var(--primary);
    color: var(--primary);
    background: transparent;
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 6px;
}
.why_img {
    height: 100%;
}
section.quote_section {
    padding: 150px 0px;
    position: relative;
    background-size: cover;
    background-position: center;
}
section.quote_section {
    position: relative;
}
section.quote_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
}
section.quote_section {
    padding: 200px 0px;
    position: relative;
    background-size: cover;
    background-position: center;
}
section.quote_section {
    position: relative;
}
section.quote_section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000008a;
}

.quote_inner {
    position: relative;
    z-index: 1;
    text-align: center;
}

.quote_inner h4 {
    color: #fff;
    font-size: 48px;
}

.quote_inner p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 25px;
}

.quote_inner .quote_button .inquiries_botton {
    font-size: 16px;
    padding: 7px 25px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
}
.quote_inner .quote_button  .chat_botton {
    font-size: 16px;
    padding: 7px 25px;
    background: transparent;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #fff;
    margin-left: 20px;
}
section.quote_section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    border-radius: 0px 0px 50% 50%;
}
section.partner_section {
    padding: 100px 0px;
    background: #eee;
}
section.partner_section .site_header {
    text-align: center;
}
section.partner_section .site_header p.top_extra {
    font-size: 16px;
    color: #444;
}
section.partner_section .site_header h4 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #444;
}
section.partner_section .site_header p {
    color: #444;
}
section.partner_section .site_header {
	margin-bottom: 50px;
}
.partnners_logos .partner_logo {
    text-align: center;
}
.partnners_logos .partner_logo img {
    max-width: 100%;
}
section.choose_us.services_show {
    padding: 100px 0px;
}
.why_text ul li:before {
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    background-image: url('../images/right.png');
    background-repeat: no-repeat;
    background-size: contain;
    left: -30px;
    top: 2px;
}
.why_text ul li {
    margin-bottom: 15px;
    list-style-type: none;
    position: relative;
}
.why_text ul {
    padding-left: 30px;
}
section.rating {
    padding: 100px 0px;
    text-align: center;
    position: relative;
	background-size: cover;
    background-position: center;
}
section.rating:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000ad;
}

.rating_inner {
    position: relative;
    color: #fff;
}

.rating_inner p {
    font-size: 18px;
    margin-bottom: 20px;
}

.rating_inner p img {
    max-width: 100px;
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.rating_inner h4 {
    font-size: 48px;
    margin-bottom: 25px;
    font-weight: 700;
}

.rating_buttons {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}

.rating_buttons a.rating_inquire_buttons {
    font-size: 16px;
    padding: 7px 30px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
    display: inline-block;
}

.rating_buttons  a.rating_chat_buttons {
    font-size: 16px;
    padding: 7px 25px;
    background: transparent;
    color: #fff;
    border-radius: 6px;
    border: 1px solid #fff;
    margin-left: 20px;
    display: inline-block;
}

.contact_form textarea {
    font-size: 16px;
    color: #444;
    border: 1px solid #999;
}
.contact_form button {
    width: max-content;
    margin: 0 auto 20px;
    display: block;
    font-size: 16px;
    padding: 7px 30px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
}
section.hero_banner.contact_us_section .hero_left h1 {
    margin-bottom: 20px;
}

section.hero_banner.contact_us_section .hero_left p {
    margin-bottom: 5px;
}
footer.footer {
    background: var(--primary);
    padding: 100px 0px;
}
.footer_logo {
    margin-bottom: 20px;
}
.footer_first p {
    color: #fff;
    font-size: 16px;
}
.footer_news_later {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
}
.footer_news_later input {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    height: 50px;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 6px;
    padding: 10px;
    color: #fff;
    font-size: 16px;
}
.footer_news_later input::placeholder {
    color: #fff;
}
.footer_news_later input.wpcf7-form-control.wpcf7-submit {
    background: #fff;
    color: var(--primary);
    border-radius: 6px;
    border: none;
    max-width: 25%;
    flex: 0 0 25%;
}
.footer_news_later p {
    font-size: 12px;
    margin-top: 10px;
}
.footer_quick_link h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}
.footer_quick_link ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.footer_quick_link ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}
.footer_quick_link ul li {
    margin-bottom: 10px;
}
.footer_quick_link ul li a i {
    margin-right: 10px;
}
.matrix_logo_inner {
    text-align: right;
}

.matrix_logo_inner img {
    max-width: 220px;
}
.bottom_footer_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    border-top: 1px solid #fff;
    padding-top: 20px;
}
.bottom_footer_inner .extra_link ul {
    padding: 0;
    margin: 0;
    display: flex;
    list-style-type: none;
    gap: 30px;
}
.bottom_footer_inner .extra_link ul li a {
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}
.bottom_footer_inner .copyright p {
    color: #fff;
    margin: 0;
    font-size: 14px;
}
.mobile_menu{
	display: none;
}
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: var(--primary);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
/*======================services =====================*/
.services_section_sub {
    padding: 80px 0px;
}

.services_section_sub .row {
    align-items: center;
}
.services_inner_text p.highliight_service {
    font-size: 16px;
    color: #000;
}
.services_inner_text h4 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}
.services_inner_text p {
    font-size: 18px;
}
.services_btn a {
    color: var(--primary);
    font-size: 16px;
    margin-right: 15px;
    text-decoration: none;
}
.service_item_list{
    margin-top: 10px;
}
.services_btn a i {
    padding-left: 10px;
}
.services_btn a.s_learn_more_btn {
    display: inline-block;
    font-size: 16px;
    padding: 5px 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
}
.services_btn {
    margin-top: 25px;
}
.services_card{
    width: 50%;
}
.services_card img{
    margin-bottom: 20px;
}
.services_btn_{
    display: flex;
}
.service_inner_img img {
    max-width: 100%;
    width: 100%;
}
section.services_section .services_section_inner .services_inner_text {
    padding-right: 25px;
}
section.services_section .services_section_sub:nth-child(even) .services_section_inner .services_inner_text {
    padding-right: 0;
    padding-left: 25px;
}

/*======================services =====================*/


/* =============================services details ==================================*/
.form-group.redio_btns > label {
    font-size: 16px;
    margin-bottom: 10px !important;
}
.form-group.redio_btns input {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.form-group.redio_btns label {
    display: inline-block;
    font-size: 16px;
    margin: 0;
    vertical-align: middle;
}
.form-group.redio_btns .col-md-6 {
    margin: 5px 0px;
}
.contact_form input[type=checkbox] {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
    margin-bottom: 0;
    margin-right: 5px;
    position: relative;
    top: -2px;
}
section.faq_section {
    padding: 100px 0px;
}
.faq_left h4 {
    font-size: 48px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
}
.faq_left p {
    color: #222;
    font-size: 18px;
}
.faq_left p:first-child {
    font-size: 16px;
}
.faq_box {
    background: rgba(0, 0, 0, 0.1);
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    margin-top: 25px;
}
.faq_box h4 {
    font-size: 32px;
    margin-bottom: 15px;
}
.faq_box p {
    font-size: 18px;
}
.faq_box a {
    font-size: 16px;
    padding: 8px 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
    display: block;
    width: max-content;
    margin: 0 auto;
}
.services_details_new .why_text ul li:before {
    background-image: url(../images/Ckeckmark.png);
}
div#accordion .panel.panel-default {
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
}
div#accordion .panel.panel-default h4.panel-title a {
    font-size: 18px;
    font-weight: normal;
    color: #222;
    text-decoration: none;
}
div#accordion .panel.panel-default h4.panel-title a.collapsed i {
    transform: rotate(0deg);
}
div#accordion .panel.panel-default h4.panel-title a i {
    transform: rotate(180deg);
    transition: 0.5s;
    float: right;
}
div#accordion {
    padding-top: 30px;
}
.panel-body {
    padding-bottom: 15px;
    font-size: 16px;
}
/*============================== services details ==============================*/
/*============================== contatc page =================================*/
section.contact_us {
    padding: 100px 0px;
}
.contact_left p.top_tag {
    font-size: 16px;
}
.contact_left p {
    font-size: 18px;
}
.contact_left h4 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #222;
}
.contact_left ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.contact_left ul li a {
    font-size: 16px;
    color: #000;
    text-decoration: underline;
}
.contact_left ul li i {
    margin-right: 10px;
}
.contact_left ul li {
    margin-bottom: 10px;
}
.contact_left img, .contact_right img {
    max-width: 100%;
    width: 100%;
    margin-top: 30px;
    border-radius: 15px;
    min-height: 550px;
    object-fit: cover;
}
.contact_right .contact_form {
    padding: 0;
}
.contact_right img{
	display: none;
}
/*============================== contatc page =================================*/
/*============================== project page =================================*/
section.project_first {
    padding: 100px 0px;
}
.p1_left p {
    font-size: 18px;
}
.p1_left p.top_tag {
    font-size: 16px;
}
.p1_left h4 {
    font-size: 48px;
    color: #222;
    margin-bottom: 20px;
}
.p1_right img {
    width: 100%;
    max-width: 100%;
    border-radius: 15px;
}
.project_slide {
    background: rgba(0, 0, 0, 0.02);
    padding: 15px;
    border: 1px solid #bbb;
    border-radius: 15px;
}

.project_slide img {
    height: 300px;
    object-fit: cover;
    border-radius: 15px;
    margin-bottom: 25px;
}

.project_slide h4 {
    font-size: 24px;
    margin-bottom: 25px;
}

.project_slide p {
    font-size: 16px;
}

.project_slide .relevant_tag {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.project_slide .relevant_tag span {
    background: rgba(0, 0, 0, 0.1);
    padding: 2px 5px;
    border-radius: 5px;
    min-width: 50px;
    text-align: center;
    font-size: 16px;
}

.project_slide a {
    font-size: 16px;
    color: var(--primary);
    text-decoration: none;
}

.project_slide a i {
    margin-left: 10px;
}

.projects_list {
    padding: 100px 0px;
}
.projects_slider {
    padding-bottom: 100px;
}
.projects_slider .owl-nav {
    position: absolute;
    right: 0;
    font-size: 20px;
    bottom: -100px;
}
.projects_slider .owl-nav button {
    border: 1px solid #000 !important;
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
}
.projects_slider .owl-dots {
    position: absolute;
    left: 0px;
    bottom: -86px;
}
.projects_header {
    text-align: center;
    margin-bottom: 50px;
}
.projects_header p {
    font-size: 18px;
}
.projects_header p.top_tag {
    font-size: 16px;
}
.projects_header h4 {
    font-size: 48px;
    color: #222;
    margin-bottom: 20px;
    font-weight: 700;
}
/*============================== project page =================================*/
/*============================== project details ==============================*/
section.project_details {
    padding: 100px 0px;
}

section.project_details .project_details_title {
    padding: 50px 0px;
}
.container_two {
    max-width: 992px;
    margin: 0 auto;
    padding: 0px 15px;
}

img {
    max-width: 100%;
}

.brand_comb {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.brand_comb a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
}
.brand_comb i {
    font-size: 10px;
}
.project_title h4 {
    font-size: 48px;
    color: #222;
    font-weight: 600;
}
.project_desc .project_img img {
    max-height: 450px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    margin-bottom: 50px;
}
.project_desc h4 {
    margin-top: 50px;
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.project_desc p {
    font-size: 16px;
    color: #222;
    margin-bottom: 20px;
}
.project_desc p i {
    font-size: 20px;
    font-weight: 500;
}
.sharing_section .sharing_left h4 {
    margin: 0;
    font-size: 20px;
}
.sharing_section .sharing_left ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
    gap: 10px;
    margin-top: 15px;
}
.sharing_section .sharing_left ul a {
    color: #222;
    font-size: 20px;
}
.sharing_section {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 50px 0px;
    border-bottom: 1px solid #555;
}
.sharing_section .project_tag {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sharing_section .project_tag span {
    background: #eee;
    padding: 2px 10px;
    display: block;
    border-radius: 5px;
    font-size: 16px;
}
.project_auther {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 50px;
}
.project_auther .pa_img img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50px;
}
.project_auther h4 {
    margin: 0;
    font-size: 20px;
}
.project_auther p {
    font-size: 16px;
    color: #222;
    margin: 0;
}
.project_auther.pr_mobile {
    display: none;
	flex-wrap: wrap;
}
.project_auther.pr_mobile ul {
    max-width: 100%;
    flex: 0 0 100%;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style-type: none;
    gap: 15px;
    margin-top: 10px;
    display: flex;
}
.project_auther.pr_mobile ul a {
    color: #000;
    font-size: 25px;
}
/*============================== project details ==============================*/
.main_header .main_header_inner .main_menu ul li {
    position: relative;
}
.main_header .main_header_inner .main_menu ul li ul.sub-menu {
    display: block;
    position: absolute;
    z-index: 1;
    background: #fff;
    min-width: 200px;
    border: 1px solid var(--primary);
    border-radius: 5px;
    top: 100%;
    display: none;
}
.main_header .main_header_inner .main_menu ul li ul.sub-menu li {
    border-bottom: 1px solid var(--primary);
}
.main_header .main_header_inner .main_menu ul li ul.sub-menu li a {
    padding: 5px 10px;
    display: block;
}
.main_header .main_header_inner .main_menu ul li:hover ul.sub-menu {
    display: block;
}
.main_header .main_header_inner .main_menu ul li a:hover {
    color: var(--primary);
}
.footer_logo img {
    max-width: 150px;
}
.contact_form p label {
    text-align: left !important;
    display: block;
}
.contact_form .form-group p {
    margin: 0 !important;
}
.contact_form .form-group p br {
    display: none;
}

.contact_form p input.wpcf7-form-control.wpcf7-submit {
    font-size: 16px;
    padding: 8px 20px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
    display: block;
    width: max-content;
    margin: 0 auto;
}
.logo img {
    max-width: 125px;
}
.contact_right input[type="checkbox"] {
    margin-right: 5px;
    margin-bottom: 0;
}

.contact_form .redio_btns p {
    text-align: left;
}
section.services_section .services_section_sub:nth-child(even) .col-md-6:first-child {
    order: 1;
}
/*===============================new css =====================================*/
.message_icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    text-align: right;
}
.message_icon img {
    max-width: 60px;
}
.message_icon > i {
    position: absolute;
    color: #fff;
    top: -10px;
    right: 0px;
}
a.call_footer_fixed {
    background: var(--primary);
    color: #fff;
    padding: 10px 15px;
    border-radius: 40px;
    display: none;
    width: max-content;
    font-size: 20px;
    margin-top: 15px;
}
a.call_footer_fixed i {
    margin-left: 10px;
}
.sidenav {
    background-color: #fff;
}
.sidenav a {
    text-decoration: none;
    font-size: 25px;
    color: #222;
    text-align: center;
    transition: 0.3s;
    background: rgba(0, 0, 0, 0.05);
    max-width: 80%;
    margin: 25px auto;
    display: block;
    padding: 14px;
    border-radius: 10px;
}
.sidenav .closebtn {
    position: relative;
    top: 0;
    right: 10%;
    font-size: 36px;
    margin-left: 50px;
    width: max-content;
    margin-left: auto;
    margin-right: 0;
    margin-top: 0;
    min-width: 70px;
}
div#mySidenav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
div#mySidenav ul li {
    position: relative;
}
div#mySidenav ul li .service_open {
    position: absolute;
    top: 10px;
    right: calc(10% + 20px);
    font-size: 23px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.google_review_fixed {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 1;
}
.google_review_fixed img {
    max-width: 175px;
    border-radius: 5px;
    box-shadow: 4px 4px 12px -5px #aaa;
}
section.testimonial_section {
    padding: 100px 0px;
}
section.testimonial_section .site_header p {
    font-size: 18px;
}
section.testimonial_section .site_header {
    text-align: center;
    margin-bottom:50px
}
section.testimonial_section .site_header p.top_extra {
    font-size: 16px;
}
section.testimonial_section .site_header h4 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.testi_slide_top .testi_user {
    gap: 10px;
    display: flex;
    align-items: center;
}
.testi_slide_top .testi_user img {
    max-width: 50px;
    border-radius: 50%;
}
.testi_slide_top .testi_user img.testi_icon {
    max-width: 20px;
    position: absolute;
    right: 25px;
    top: 25px;
}
.testimonial_slide {
    background: #eee;
    padding: 20px;
    border-radius: 5px;
}
.testi_slide_top .testi_user  .testi_username h4 {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 400;
    color: var(--primary);
}
.testi_username p {
    margin: 0;
}
.testi_slide_top {
    margin-bottom: 15px;
}
.testi_star {
    margin-bottom: 15px;
    color: rgba(251, 121, 0, 1);
    display: flex;
    gap: 3px;
}
.testi_desc {
    font-size: 16px;
    color: #222;
}
.testi_desc p {
    margin: 0;
}
.testi_left p {
    font-size: 16px;
    margin-bottom: 10px;
    color: var(--primary);
}

.testi_left  p.testi_rating {
    color: rgba(251, 121, 0, 1);
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 5px;
}

.testi_left p.testi_review_total {
    color: #222;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 0;
}
section.instafeed_section {
    padding: 100px 0px;
}
section.instafeed_section .site_header p {
    font-size: 18px;
}
section.instafeed_section .site_header {
    text-align: center;
    margin-bottom:50px
}
section.instafeed_section .site_header p.top_extra {
    font-size: 16px;
}
section.instafeed_section .site_header h4 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
}
.contact_form .screen-reader-response {
    display: none;
}
.contact_form span.wpcf7-not-valid-tip {
    text-align: left !important;
    display: block;
    color: red;
}
.wpcf7-response-output {
    background: #ddd;
    border: 1px solid var(--primary);
    padding: 10px;
}
.wpcf7-response-output:empty{
	display:none;
}
.footer_news_later br {
    display: none;
}
.footer_news_later p {
    display: flex;
    justify-content: space-between;
}
.footer_news_later p span {
    max-width: 70%;
    flex: 0 0 70%;
}
.footer_first .screen-reader-response {
    display: none;
}
.footer_news_later span.wpcf7-not-valid-tip {
    color: red;
}
/*========================new css =========================================*/
/*======================= blog page =======================================*/
.p1_left a{
    width: max-content;
    margin-top: 20px;
    display: block;
    font-size: 16px;
    padding: 7px 30px;
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    border: 1px solid var(--primary);
} 
.p1_left h4 {
    font-weight: 700;
}
.blog_slide {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
}
.blog_slide img {
    height: 300px;
    object-fit: cover;
}
.blog_slide_inner {
    padding: 15px;
}
.blog_slide_inner .tag_insight p {
    color: #222;
    font-size: 16px;
}
.blog_slide_inner .tag_insight p span {
    background: #ddd;
    padding: 3px 5px;
    border-radius: 5px;
    min-width: 50px;
    display: inline-block;
    text-align: center;
}
.blog_slide_inner h4 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
}
.blog_slide_inner > p {
    color: #222;
    font-size: 16px;
}
.blog_slide_inner a {
    color: var(--primary);
    text-decoration: none;
    font-size: 16px;
}
.blog_slide_inner a i {
    font-size: 14px;
    margin-left: 5px;
}
section.newsletter_section {
    background: var(--primary);
    text-align: center;
    padding: 100px 0px;
}
section.newsletter_section p {
    font-size: 18px;
    color: #fff;
}
section.newsletter_section p.tagline {
    font-size: 16px;
}
section.newsletter_section h4 {
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 25px;
}
.newsletter_form {
    padding-top: 30px;
    max-width: 640px;
    margin: 0 auto;
}
.newsletter_form .newsletter_form_inner {
    display: flex;
    justify-content: space-between;
}
.newsletter_form .newsletter_form_inner input {
    max-width: 75%;
    flex: 0 0 75%;
    padding: 10px;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #fff;
    background: transparent;
    color: #fff;
    outline: navajowhite;
}
.newsletter_form .newsletter_form_inner input::placeholder {
    color: #eee;
}
.newsletter_form .newsletter_form_inner button {
    background: #eee;
    max-width: 22%;
    flex: 0 0 22%;
    border: none;
    border-radius: 10px;
    color: var(--primary);
}
section.newsletter_section .newsletter_form p {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0;
}
section.project_details.blog_details_section .project_auther.pr_mobile {
    display: flex;
    flex-wrap: wrap;
}
section.project_details.blog_details_section .project_auther.pr_mobile ul {
    max-width: initial;
    flex: auto;
    margin-left: auto;
    justify-content: right;
}
.container_two > img {
    max-height: 500px;
    object-fit: cover;
    width: 100%;
    object-position: center;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
}

/*=================================blog page ====================================*/

.about_img img.top_about_img {
    max-width: 80%;
    border-radius: 10px;
    margin-top: 40px;
}

.about_img img.bottom_about_img {
    position: absolute;
    right: 0;
    z-index: -1;
    max-width: 80%;
    border-radius: 10px;
    height: 90%;
    object-fit: cover;
    width: 100%;
    filter: blur(2px);
}
.newsletter_form .newsletter_form_inner .screen-reader-response {
    display: none;
}

.newsletter_form .newsletter_form_inner br {
    display: none;
}

.newsletter_form .newsletter_form_inner span.wpcf7-not-valid-tip {
    position: absolute;
    bottom: -25px;
    left: 0;
    display: block;
    color: red;
}

.newsletter_form .newsletter_form_inner br form.wpcf7-form > p {
    position: relative;
}

section.newsletter_section .newsletter_form .wpcf7-response-output {
    margin-top: 30px !important;
}

.newsletter_form_inner > div {
    max-width: 100%;
    flex: 0 0 100%;
}

.newsletter_form_inner > div form.wpcf7-form > p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.newsletter_form_inner > div form.wpcf7-form > p span.wpcf7-form-control-wrap {
    max-width: 75%;
    flex: 0 0 75%;
}

.newsletter_form_inner > div form.wpcf7-form > p span.wpcf7-form-control-wrap input {
    max-width: 100%;
    width: 100%;
}

.newsletter_form_inner > div form.wpcf7-form > p input.wpcf7-form-control.wpcf7-submit {
    background: #eee;
    max-width: 22%;
    flex: 0 0 22%;
    border: none;
    border-radius: 10px;
    color: var(--primary);
}
/*================================= about us=====================================*/
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
@media screen and (max-width: 768px){
	.hero_left h4 {
	    font-size: 24px;
	}
	.hero_left h1 {
	    font-size: 44px;
	}
	.contact_form h4 {
	    font-size: 32px;
	    margin-bottom: 20px;
	}
	section.hero_banner {
	    padding: 75px 0px;
	}
	section.service_section {
	    padding: 75px 0px;
	}
	section.choose_us {
	    padding-bottom: 75px;
	}
	section.quote_section {
	    padding: 150px 0px;
	}
	section.partner_section {
	    padding: 75px 0px;
	}
	section.choose_us.services_show {
	    padding: 75px 0px;
	}
	section.rating {
	    padding: 75px 0px;
	}
	footer.footer {
	    padding: 75px 0px;
	}
	.footer_news_later input {
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	.footer_news_later input.wpcf7-form-control.wpcf7-submit {
	    max-width: 100%;
	    flex: 0 0 100%;
	    margin-top: 20px;
	    min-height: 45px;
	}
	section.faq_section {
	    padding: 75px 0px;
	}
	section.contact_us {
	    padding: 75px 0px;
	}
	section.project_first {
	    padding: 75px 0px;
	}
	.projects_list {
	    padding: 75px 0px;
	}
	.p1_left {
	    text-align: center;
	}
	.p1_left h4 {
	    font-size: 32px;
	}
	.p1_right img {
	    margin-top: 30px;
	    min-height: 350px;
	    object-fit: cover;
	}
	section.project_details {
	    padding: 75px 0px;
	}
	section.testimonial_section {
		padding: 75px 0px;
	}
	section.instafeed_section {
		padding: 75px 0px;
	}
}
@media screen and (max-width: 576px){
	.mobile_menu{
		display: block;
	}
	.main_menu,.enquiry{
		display: none;
	}
	.top_header .top_header_inner a.phone_number {
	    display: none;
	}
	.top_header {
	    padding: 15px 0px;
	}
	.top_header .top_header_inner p {
	    font-size: 16px;
	    text-align: center;
	    width: 100%;
	}
	button.open_mobile_menu {
	    border: none;
	    background: none;
	}
	.hero_left h1 {
        font-size: 56px;
    }
    .hero_left {
	    margin-bottom: 30px;
	}
	.contact_form h4 {
        font-size: 36px;
    }
    section.service_section .site_header h4 {
	    font-size: 32px;
	}
	.servicies_sub .service_text h4 {
	    font-size: 20px;
	}
	.servicies_sub {
	    margin-bottom: 20px;
	}
	section.choose_us .col-md-6:first-child {
	    order: 1;
	}
	section.choose_us .why_text p.top_text {
        font-size: 16px;
        text-align: center;
    }
	section.choose_us .why_text h4 {
	    font-size: 32px;
	    text-align: center;
	}
	section.choose_us .why_text p:nth-child(3) {
	    text-align: center;
	    margin-bottom: 30px;
	}
	.why_buttons .first_btn {
	    padding: 5px 30px;
	}
	.second_btn {
	    padding: 5px 30px;
	}
	.why_text {
	    margin-bottom: 50px;
	}
	.why_img img {
	    min-height: 400px;
	}
	section.quote_section:after {
	    height: 40px;
	}
	.quote_inner h4 {
	    font-size: 32px;
	}
	.quote_inner p {
	    font-size: 18px;
	}
	section.partner_section .site_header h4 {
	    font-size: 32px;
	}
	section.partner_section .site_header p {
	    font-size: 18px;
	}
	.partnners_logos .col-md-3 {
	    max-width: 50%;
	    flex: 0 0 50%;
	}
	.partnners_logos .partner_logo {
	    margin-bottom: 10px;
	}
	section.choose_us.services_show .col-md-6:last-child {
    	order: 1;
	}
	.rating_inner p img {
	    display: block;
	    margin: 0 auto;
	    margin-bottom: 10px;
	}
	.rating_inner h4 {
	    font-size: 32px;
	}
	section.hero_banner.contact_us_section .hero_left h1 {
	    font-size: 32px;
	    max-width: 80%;
	}
	section.hero_banner.contact_us_section .hero_left {
	    margin-bottom: 50px;
	}
	.contact_form button {
	    width: 100%;
	}
    .footer_news_later p {
	    margin-bottom: 10px;
	}
	.footer_news_later input.wpcf7-form-control.wpcf7-submit {
        margin-top: 0px;
        order: 1;
        margin-bottom: 20px;
    }
    .footer_quick_link {
	    margin-top: 30px;
	}
	footer.footer {
	    display: flex;
	    flex-wrap: wrap;
	}
	.matrix_logo {
        order: 1;
        margin-top: 50px;
        max-width: 100%;
        flex: 0 0 100%;
    }
	.bottom_footer_inner {
	    margin-top: 50px;
	    gap: 25px;
	    flex-wrap: wrap;
	}
	.matrix_logo_inner {
	    text-align: left;
	}
	section.rating {
        padding: 150px 0px;
    }
    section.choose_us.services_show.services_details_new.sdn2 .col-md-6:first-child {
	    order: 2;
	}
	.faq_left {
	    text-align: center;
	}
	.faq_left h4 {
	    font-size: 32px;
	}
	.faq_box h4 {
	    font-size: 20px;
	}
	.faq_box a {
	    width: 100%;
	}
	.contact_left h4 {
	    font-size: 32px;
	}
	.contact_right .contact_form {
	    padding: 0;
	    margin-top: 30px;
	}
	.contact_right img{
		display: block;
	}
	.contact_left img{
		display: none;
	}
	.projects_header h4 {
	    font-size: 32px;
	}
	.projects_slider .owl-dots {
	    display: none;
	}
	.projects_slider .owl-dots {
	    display: none;
	}
	.projects_slider .owl-nav {
	    width: 100%;
	}
	section.project_first {
        padding: 75px 0px 30px;
    }
    .projects_list {
        padding: 30px 0px 75px;
    }
    section.project_details .project_details_title {
	    padding: 0px 0px 30px;
	}
	.project_desc .project_img img {
	    margin-bottom: 30px;
	}
	.project_desc h4 {
	    margin-top: 30px;
	    font-size: 32px;
	}
	.project_desc p i {
	    border-left: 3px solid #aaa;
	    padding-left: 10px;
	    display: block;
	}
	.sharing_section {
	    padding: 30px 0px;
	    flex-wrap: wrap;
	}
	.sharing_section .project_tag {
	    margin-top: 25px;
	}
	.project_auther {
	    padding-top: 25px;
	}
	.project_auther h4 {
	    margin-top: 0 !important;
	}
	.project_auther.pr_mobile {
	    display: flex;
	}
	section.services_section .services_section_inner .services_inner_text {
	    padding-right: 0;
	    padding-bottom: 30px;
	    padding-left: 0;
	}
	.services_inner_text h4 {
	    font-size: 32px;
	}
	section.services_section .services_section_sub:nth-child(even) .services_section_inner .services_inner_text {
	    padding-left: 0;
	}
	section.services_section .services_section_sub:nth-child(even) .services_section_inner .col-md-6:first-child {
	    order: 0;
	}
	.services_section_sub {
	    padding: 50px 0px;
	}
	a.call_footer_fixed{
		display: block;
	}
	.google_review_fixed {
		bottom: 80px;
	}
	section.testimonial_section .site_header h4 {
		font-size: 32px;
	}
	section.instafeed_section .site_header h4 {
		font-size: 32px;
	}
	.testi_left {
		text-align: center;
		padding-bottom: 30px;
	}
	.testi_left p {
		justify-content: center;
	}
	.footer_news_later p {
		flex-wrap: wrap;
	}
	.footer_news_later p span {
		max-width: 100%;
		flex: 0 0 100%;
	}
	.footer_news_later input.wpcf7-form-control.wpcf7-submit {
        margin-top: 10px;
    }
	.p1_left a {
        width: 100%;
    }
    section.newsletter_section h4 {
        font-size: 32px;
    }
    .newsletter_form .newsletter_form_inner {
        flex-wrap: wrap;
    }
    .newsletter_form .newsletter_form_inner input {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .newsletter_form .newsletter_form_inner button {
        max-width: 100%;
        flex: 0 0 100%;
        height: 50px;
        margin-top: 15px;
    }
    section.newsletter_section {
        padding: 75px 0px;
    }
    .project_title h4 {
        font-size: 32px;
    }
    section.project_details.blog_details_section .project_auther.pr_mobile ul {
        justify-content: left;
    }
    section.choose_us.services_show.services_details_new.sdn1.about_us_first .col-md-6:last-child {
        order: 0;
        margin-bottom: 30px;
    }
    .about_img img.bottom_about_img {
        display: none;
    }
    .about_img img.top_about_img {
        max-width: 100%;
        margin-top: 0;
    }
    section.choose_us.services_show.services_details_new.sdn1.about_us_first .why_text {
        margin: 0;
    }
    section.choose_us.services_show.services_details_new.sdn1.about_us_first .why_text .why_buttons button, section.choose_us.services_show.services_details_new.sdn1.about_us_first .why_text .why_buttons a {
        width: 100%;
        text-align: center;
        padding: 10px;
    }   
    section.testimonial_section {
        padding: 75px 0px;
    }
    section.testimonial_section .site_header h4 {
        font-size: 32px;
    }
    .newsletter_form_inner > div form.wpcf7-form > p span.wpcf7-form-control-wrap {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .newsletter_form_inner > div form.wpcf7-form > p input.wpcf7-form-control.wpcf7-submit {
        max-width: 100%;
        flex: 0 0 100%;
        margin-top: 10px;
    }
    div#mySidenav ul.sub-menu {
        display: none !important;
    }
}